@import '../../styles/util'

$anchor-border-width: 2px

.fui-anchor
  position: relative
  padding-left: $anchor-border-width
  font-size: $font-sm

  &-wrapper
    margin-left: -4px
    padding-left: 4px
    background-color: $bg-body
    max-height: 100vh

  &-ink
    position: absolute
    top: 0
    left: 0
    height: 100%
    width: 1px
    background-color: $border-default

  &-link
    display: block
    padding: 4px 0 4px 16px
    line-height: 16px

    &-title
      position: relative
      display: block
      margin-bottom: 6px
      overflow: hidden
      color: $text-default
      text-overflow: ellipsis
      text-decoration: none
      transition: all 0.3s

      &:only-child
        margin-bottom: 0

    &-active > &-title
      color: $brand-primary